﻿<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<title>Insert title here</title>
</head>
<body>
    <input name="uname" value="JohnYu"><br/>
    <input name="age" value="100"><br/>
    <button id="test">test</button>
    <table id="stus" class="table table-striped  table-hover">
    	<tr><th>uname</th><th>sex</th></tr>
    </table>
    

<script>
	var stus=$("#stus");
    $("#test").click(function(){
        var uname=$("input[name=uname]").val();
        var age=$("input[name=age]").val();
        var data={uname:uname,age:age};
        
        $.ajax("test11",{/*
            method:"POST",
            type:"json",
            data:data,
            success:function(d){
            	$("<tr></tr>").append($("<td></td>").text(d.uname))
            	.append($("<td></td>").text(d.sex)).appendTo(stus);
            }
        });
    });
</script>
   
</body>
</html>